<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./echarts.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="main" style="width: 600px;height: 400px;"></div>
    <script>
        var myEchart = echarts.init(document.getElementById('main'))

        var  option={
            xAxis:{
                type:'category',

            },
            yAxis:{

            },
            dataset:{
                source:[
                    ['Mon',150, 230, 33, 239, 541, 021],
                    ['Tue',130, 200, 331, 29, 341, 081],
                    ['Wed',100, 323, 439, 41, 81, 98],
                    ['Thu',10, 20, 33, 39, 301, 21],
                    ['Fri',50, 180, 353, 139, 241, 121],
                    ['Sat',20, 33, 39, 301, 021, 198],
                    ['Sun',200, 331, 29, 341, 081, 28]
                ]
            },
            series:[
                {type:'bar'},
                {type:'line'},
                {type:'line'},
                {type:'bar'},
            ]
        }
        myEchart.setOption(option)
    </script>
</body>
</html>